<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.head{
				background-color: #4d4d4d;
				width: 100%;
				height: 54px;
			}
			.head1{
				display: flex;
				margin-left: 76.3%;
				padding-top: 15px;
				overflow: hidden;
				width: 350px;
			}
			.head1 img{
				width: 30px;
				height: 30px;
				margin-top: 2px;
			}
			.head1 span{
				line-height: 30px;
				margin-left: 5px;
				color: white;
			}
			#but1{
				width: 20%;
				height: 33.7px;
				border-radius: 4px;
				margin-left: 9px;
				background-color: #5cb85c;
				border: none;
				color: white;
				font-size: 14.3px;
			}
			#but2{
				width: 20%;
				height: 33.7px;
				margin-left: 9px;
				background-color: #d9534f;
				border: none;
				color: white;
				font-size: 14.3px;
			}
			#but1:hover{
				background-color: #449d44;
			}
			#but2:hover{
				background-color: #c9302c;
			}
		</style>
	</head>
	<body>
		<div class="head">
			<div class="head1">
				<img src="img/图层%203.png" >
				<span>用户名：</span>
				<button type="button"id="but1">修改密码</button>
				<button type="button"id="but2">退出登录</button>
			</div>
		</div>
	</body>
	<script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	var str = JSON.parse(window.sessionStorage.getItem("user"))
	
		$("#but1").click(function(){
			window.location.href="修改密码.html"
		})
		$("#but2").click(function(){
			sessionStorage.clear()
			location.reload();
		})
		if (str == null){
			window.location.href="a登录.html"
		}
			
	
		
		
		$(".head1 span").html("用户名："+str)
	</script>
</html>
